<template>
  <div>
    <el-dialog title="导出租金收取数据" width="80%" :visible.sync="isDetails" :before-close="closePopUp">
      <!--付款-->
        <h2 class="title">收款</h2>
        <el-table
          :data="item"
          border
          style="width: 100%">
          <el-table-column
            prop="pId"
            label="序号"
            width="180">
          </el-table-column>
          <el-table-column
            prop="companyName"
            label="公司名称"
            width="180">
          </el-table-column>
          <el-table-column
            prop="storeId"
            label="门店编码"
            width="180">
          </el-table-column>
          <el-table-column
            prop="storeName"
            label="门店名称"
            width="180">
          </el-table-column>
          <el-table-column
            prop="actualPaymentTime"
            label="实际付款日期"
            width="180">
          </el-table-column>
          <el-table-column
            prop="actualPaymentMoney"
            label="实际付款金额"
            width="180">
          </el-table-column>
          <el-table-column
            prop="currentStartTime"
            label="本期开始日期"
            width="180">
          </el-table-column>
          <el-table-column
            prop="currentEndTime"
            label="本期结束日期"
            width="180">
          </el-table-column>
          <el-table-column
            prop="planPaymentTime"
            label="本期计划付款日期"
            width="180">
          </el-table-column>
          <el-table-column
            prop="planPaymentMoney"
            label="本期计划付款金额">
          </el-table-column>
          <el-table-column
            prop="contractId"
            label="合同编号">
          </el-table-column>
        </el-table>
        <span class="totalPrice">收款总计:{{totalPrice}}</span>

        <el-table
          border
          style="width: 100%"
          :data="payee">
          <el-table-column
            prop="companyBankAccount"
            label="付款银行账号（我司）"
            width="180">
            <template slot-scope="scope">
              <el-input v-model="scope.row.companyBankAccount" ></el-input>
            </template>
          </el-table-column>
          <el-table-column
            prop="companyBankName"
            label="付款银行名称"
            width="180" >
          </el-table-column>
          <el-table-column
            prop="paymentName"
            label="收款人"
            width="180">
            <template slot-scope="scope">
              <el-input v-model="scope.row.paymentName" ></el-input>
            </template>
          </el-table-column>
          <el-table-column
            prop="landadyBankAccout"
            label="收款银行账号（房东）"
            width="180">
            <template slot-scope="scope">
              <el-input v-model="scope.row.landadyBankAccout" ></el-input>
            </template>
          </el-table-column>
          <el-table-column
            prop="landadyBankDeposit"
            label="收款开户行">
            <template slot-scope="scope">
              <el-input v-model="scope.row.landadyBankDeposit" ></el-input>
            </template>
          </el-table-column>
          <el-table-column
            prop="payTel"
            label="联系电话"
            width="180">
            <template slot-scope="scope">
              <el-input v-model="scope.row.payTel" ></el-input>
            </template>
          </el-table-column>
          <el-table-column
            prop="payMoney"
            label="收款金额"
            width="180">
            <template slot-scope="scope">
              <el-input v-model="scope.row.payMoney" ></el-input>
            </template>
          </el-table-column>
        </el-table>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: ['isDetails'],
  data() {
    return {
      details: [],
      payee: []
    }
  },
  methods: {
    closePopUp() {
      this.$emit('close')
    }
  }
}
</script>

<style scoped>
.title{
  border-left: 6px solid #409EFF;
  text-align: left;
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
}
.el-table{
  margin-top: 10px;
}
</style>
